<template>
    <div class="main-page">
        <a-layout class="main-layout">
            <a-layout-sider class="layout-sider-menu" v-model="menu_collapsed" collapsible> 
                <LayoutMenu :collapsed="menu_collapsed"></LayoutMenu>
            </a-layout-sider>
            <a-layout class="layout-right">
                <!-- <a-layout-header class="layout-header" :class="{
                    'collapsed':menu_collapsed
                }">
                    <LayoutHeader></LayoutHeader>
                </a-layout-header> -->
                <a-layout-content class="layout-content">
                    <div class="layout-content-frame">
                        <router-view>
                        </router-view>
                    </div>
                </a-layout-content>
            </a-layout>
        </a-layout>
    </div>
</template>


<script>
// import LayoutHeader from "@/pages/layout/header/header";
import LayoutMenu from "@/pages/layout/menu/menu";
export default {
    components:{
        // LayoutHeader,
        LayoutMenu,
    },
    data(){
        return {
            "menu_collapsed" : false,
        }
    },
    created(){
        // this.$bus.$on("layout-op-menu",(val)=>{
        //     this.menu_collapsed = val;
        // });
    }
}
</script>

<style lang="less" scoped>
@import "./main.less";
</style>